.container{
    background-color:#FE798C ;
    height: 100vh;
    padding-top: 60rpx;
}
.page{
    width: 86%;
    margin: 0 auto;
    box-shadow:inset 2rpx 2rpx rgba(0,0,0,0.075),0 0 40rpx rgb(248, 95, 120);
    border-radius: 30rpx;
    background-color:#FFF3F9;
}
.peop{
    float: right;
    margin-top: -110rpx;
}
.peop image {
    width: 600rpx;
    height: 600rpx;
}
.page .top{
    background-color: #F9D2E7;
    width: 100%;
    height: 200rpx;
    border-radius: 30rpx;
    padding: 20prx;
}
.page .top .icon{
    margin-left: 4rpx;
    width: 180rpx;
    height: 180rpx;
}
.icon image{
    width:180rpx;
    height:180rpx;
}
.top view{
    display: flex;
}
.trans{
  letter-spacing: 3rpx;
  color:#AFAFAF;
  font-size: 24rpx;
  position: relative;
  top: -20rpx;
  left: 6rpx;
}
.page .bottom{
    padding: 40rpx 30rpx;
    border-radius: 40rpx;
    z-index: 200;
}

.page .bottom .first .head{
    width: 120rpx;
    height: 120rpx;
    border-radius: 50%;
    background-color:black;
}

.shared{
    width:240rpx;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* margin-left: 10rpx; */
    margin: 40rpx 0 0 10rpx;
}
.biaobai{
    color:#ff1063;
    font-weight: 800;
    margin-left: 20rpx;
    /* border:1px red solid; */
    letter-spacing:4rpx;
}
.biaobai view{
    width:300rpx;
}
.biaobai .con{
    font-size: 20rpx;
    letter-spacing: 0.5em;
}
.myMa{
    width: 200rpx;
    height: 200rpx;
    margin-left: 40rpx;
    background-color: #8D9AED;
}
.third{
    font-size: 20rpx;
}

.third image{
    width: 100rpx;
    height: 100rpx;
}

.last{
   font-size: 70rpx;
   color:#fff;
   letter-spacing: 4rpx;
   margin: 60rpx 0 0 60rpx;
}

.c-width {
    width: 120rpx;
}

.c-width .text-center {
    letter-spacing: 0.1em
}